<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/global.css" />
        <link rel="stylesheet" type="text/css" href="css/gla.css" />
    </head>

    <body>
        <div id="frameHeader" class="frame-head">
            <div class="frame-logo">
                <a class="frame-logo-main" href="#">
                    <img src="images/logo_s.png" alt="蓝桥" />
                </a>
                <p class="frame-logo-sub">蓝桥</p>
            </div>
            <div class="frame-topbar">
				<ul class="frame-tools">
					<li>
						<p>欢迎: aaa</p>
					</li>
					<li>
						<a href="#">退出</a>
					</li>
				</ul>
            </div>
        </div>
        <div id="frameBody" class="frame-body">
            <div class="frame-menu">
                <a id="toggleMenuBtn" class="frame-menu-console iconfont icon-3line-x" href="javascript:;"></a>
                <div class="frame-menu-wrapper">
                    <dl class="frame-menu-item">
                        <dt class="frame-menu-mod">
							<a href="javascript:;">
								<div class="menu-icon iconfont icon-caret"></div>
								<p class="menu-text">通用设置</p>
							</a>
						</dt>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">用户</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub frame-menu-active">
                            <a href="#">
                                <div class="menu-icon iconfont icon-shop"></div>
                                <p class="menu-text">企业</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-reviewing"></div>
                                <p class="menu-text">商家</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">信息</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">用户组</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">财务</p>
                            </a>
                        </dd>
                    </dl>
                    <dl class="frame-menu-item">
                        <dt class="frame-menu-mod">
							<a href="javascript:;">
								<div class="menu-icon iconfont icon-caret"></div>
								<p class="menu-text">信用卡</p>
							</a>
						</dt>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">分期</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-reviewing"></div>
                                <p class="menu-text">账单</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">授权</p>
                            </a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="frame-wrapper">
                <div class="frame-msub" id="frameMsub">
                    <a class="frame-msub-toggle" id="frameMsubToggle" href="javascript:;">
                        <span class="iconfont icon-3line-x"></span>
                    </a>
                    <div class="frame-msub-hd">
                        <h4 class="msub-title"><span class="iconfont icon-setting"></span>商家管理</h4>
                    </div>
                    <div class="frame-msub-bd">
                        <ul class="frame-msub-items">
                            <li>
                                <a href="#"><span class="iconfont icon-advert"></span>商家列表</a>
                            </li>
                            <li class="msub-current">
                                <a href="#"><span class="iconfont icon-shop"></span>商家表</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-captcha"></span>商家列表列表列表</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-coin"></span>商家列表(11)</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-advert"></span>水电费是否收到</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="frame-page">
                    <div class="frame-main">
                        <div class="frame-main-hd">
                            <h3 class="frame-title">用户列表</h3>
                            <h6 class="frame-tips glb-text-success"><span class="iconfont icon-correct"></span>操作成功</h6>
                        </div>
                        <div class="frame-main-bd">
                            <div class="form-body">
                                <form class="glb-col-p30" id="demoForm">
                                    <div class="form-item form-item-qt">
                                        <h6 class="form-label">添加设置 :</h6>
                                        <div class="form-entity">
                                            <div class="form-field">
                                                <div class="form-inline form-ipt-group">
                                                    <input class="form-ipt glb-col-w40" type="text" name="f2" value="" placeholder="" maxlength="4" />
                                                    <span class="ipt-addon">M</span>
                                                </div>
                                                <div class="form-inline form-ipt-group">
                                                    <input class="form-ipt glb-col-w40" type="text" name="f1" value="" placeholder="" maxlength="4" />
                                                    <span class="ipt-addon">元</span>
                                                </div>
                                                <div class="form-inline">
                                                    <input type="submit" class="glb-button glb-btn-primary" value="设置" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="glb-col-p70">
                                    <div class="form-item form-item-qt">
                                        <h6 class="form-label">基本设置 :</h6>
                                        <div class="form-entity">
                                            <ul class="glb-gangs">
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-ico iconfont icon-account"></span>
                                                        <span class="gang-txt">王老三</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-pre">1M</span>
                                                        <span class="gang-txt"><em class="glb-text-rmb">¥</em>1.00</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-title">最小数</span>
                                                        <span class="gang-txt">50</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li class="gang-active">
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-pre">12M</span>
                                                        <span class="gang-txt"><em class="glb-text-rmb">¥</em>66.00</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-ico iconfont icon-account"></span>
                                                        <span class="gang-txt">王老三</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-pre">1M</span>
                                                        <span class="gang-txt"><em class="glb-text-rmb">¥</em>1.00</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-title">最小数</span>
                                                        <span class="gang-txt">50</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-ico iconfont icon-account"></span>
                                                        <span class="gang-txt">王老三</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-pre">1M</span>
                                                        <span class="gang-txt"><em class="glb-text-rmb">¥</em>1.00</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-title">最小数</span>
                                                        <span class="gang-txt">50</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-ico iconfont icon-account"></span>
                                                        <span class="gang-txt">王老三</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-pre">1M</span>
                                                        <span class="gang-txt"><em class="glb-text-rmb">¥</em>1.00</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="gang-item">
                                                        <span class="gang-title">最小数</span>
                                                        <span class="gang-txt">50</span>
                                                        <span class="gang-btn iconfont icon-close"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </body>

    <script type="text/javascript" src="js/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/global.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/validate.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/gla.js" charset="utf-8"></script>
    <script type="text/javascript">
        $(function() {

            // VALIDATE
            $("#demoForm").validate(rules);

        });

        // form validate rule
        var rules = {

            "f1": {
                tip: "这里是提示信息",
                rule: {
                    required: ["表单为空提示信息"]
                }
            },

            "f2": {
                tip: "这里是提示信息",
                rule: {
                    required: ["表单为空提示信息"],
                    length: ["长度为4-20位提示信息", "4-20"]
                }
            }

        };
    </script>
</html>